/*
	CSS file for Lifeline
	Author:	David Correll 
					http://www.davidcorrell.net/
					
	License: Licensed as part of Lifeline under a Creative Commons Attribution, Noncommercial, Share Alike 3.0 United States License
	
*/

/* 	

	*** MOBILE DEVICE SHEET ***
	---------------------------------------------------------------------
	Stylesheet optomized for the Apple iPhone & iPod Touch

*/



* { 
	margin: 0; 
	padding: 0; 
} 

body { 
	font-size: 62.5%; 
	background-color: #fff;
}

h1, h2, p, dl, label { 
	font: 1.2em Helvetica, Arial, sans-serif;  
}

h1 { 
	margin-bottom: 100px;
	font-weight: bold; 
	border-top: 1px solid #999;
	text-transform: uppercase;
}

h2 { 
	border-top: 1px solid #ebebeb; 
}

dl { margin-bottom: 28px; float: left; width: 300px; }
dt { float: left; width: 220px; }
dd { margin-bottom: .2em; padding-bottom: .2em; float: left; width: 80px; text-align: right; }
dd, dt { margin-bottom: .2em; padding-bottom: .2em; line-height: 1em; }
dd a { color: #000; }

#supercontainer { 
	margin: 10px auto; 
	width: 300px; 
}

#container { 
	width: 300px; 
	min-height: 460px;
	float: left;     
}

	#name { 
		margin: 0 auto 25px auto; 
		float: left; 
		width: 300px; 
	}

	#graph { 
		margin-bottom: 35px; 
		clear: left; 
		float: left; 
		width: 300px;
	}

	#info { 
		margin: 0 auto 8px auto; 
		clear: left; 
		float: left; 
		width: 300px; 
		border-top: 1px solid #ebebeb; 
	}

.unit 	 	{ float: left; margin: 1px 1px 0 0; width: 2px; height: 15px; }
.unitWide { float: left; margin: 1px 1px 0 0; width: 3px; height: 15px; }
.past 	 { background-color: #0ff; }
.future  { background-color: #cff; }
.longLife	{ background-color: #f0f;}

.cc {        
	margin-left: 0;
	font-size: 10px;
	color: #ccc;  
	line-height: 1.4em;
}

	.cc a:link 		{ color: #ccc; text-decoration: none; border-bottom: 1px dashed #ebebeb; }
	.cc a:visited { color: #ccc; text-decoration: none; border-bottom: 1px dashed #ebebeb; }
	.cc a:hover 	{ color: #999; text-decoration: none; border-bottom: 1px dashed #999; }
	.cc a:active 	{ color: #999; text-decoration: none; border-bottom: 1px dashed #999; }


	#name-contain,
	#dob-div,
	#submit-div {
		margin-bottom: 10px;
		width: 944px;
		float: left;
		clear: left;
	}

		#firstname-div,
		#lastname-div {
			margin-bottom: 10px;
			width: 204px;
		} 

		#name-contain label {
			margin-bottom: 2px;
			display: block;
		}

		#name-contain .textbox {
			width: 200px; 
			text-transform: capitalize;
			font: 1.4em Helvetica, Arial, sans-serif;
		}                       

	#dob-div {
		margin-bottom: 30px;
	}

		select {          
			margin-right: 5px;
			font: 1.4em Helvetica, Arial, sans-serif;
		} 

			option {
			}

		#m { width: 120px; }          
		#d { width: 60px; }
		#y { width: 80px; }

		#submit {  
			margin-top: 5px;
			text-transform: uppercase;
			font: bold 1.2em "Helvetica Neue", Arial, sans-serif; 
		}


